import React from 'react'
import { Switch } from 'react-router-dom'
import { Redirect } from 'react-router-dom'
import { HashRouter, Route } from 'react-router-dom'
import Login from '../views/login/Login'
import Detail from '../views/news-tourist/Detail'
import News from '../views/news-tourist/News'
import NewsSandBox from '../views/sandbox/NewsSandBox'
export default function IndexRouter() {
  return (
    <HashRouter>
      <Switch>
        <Route path='/login' component={Login}></Route>
        <Route path='/news' component={News}></Route>
        <Route path='/detail/:id' component={Detail}></Route>
        <Route path='/' render={()=>
          localStorage.getItem('token')? <NewsSandBox></NewsSandBox>:<Redirect to='login'></Redirect>
        }></Route>
      </Switch>
    </HashRouter>
  )
}
